/*公共*/

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html {
    font-size: 20px;
    font-family: Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial;
}

ul {
    list-style-type: none;
}

img {
    width: 100%;
    border: none;
    vertical-align: middle;
}


/*主页*/

.btn {
    width: 90%;
    margin: -25% auto 0;
    position: relative;
    z-index: 2;
}

.close-btn {
    width: 3rem;
    height: 3rem;
    display: block;
    position: absolute;
    top: -1.5rem;
    right: -1rem;
    z-index: 999;
}


/*图片上传页*/

.bg {
    // position: fixed;
    // top: 0;
    // left: 0;
    // right: 0;
    // bottom: 0;
    // background: url(../img/bgred.jpg) no-repeat;
    // background-size: cover;
    z-index: 999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.theme {
    // position: fixed;
    // top: 0;
    // left: 0;
    // right: 0;
    // z-index: 999;
}

.container {
    padding: 2rem 1.5rem 0 1.5rem;
}

.upload {
    overflow: hidden;
    margin-top: 1.5rem;
    margin-bottom: 3rem;
}

.upload li {
    width: 33%;
    margin-right: .5%;
    margin-bottom: .5%;
    float: left;
}

.upload li:nth-child(3n) {
    margin-right: 0;
}

.add {
    border: 2px dashed #fff;
    background: url(../img/cross.png) no-repeat;
    background-position: 50% 50%;
    background-size: 50%;
}

.add:after {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
}

.submitbtn {
    margin-top: 4rem;
    margin-bottom: 5rem;
    position: relative;
    z-index: 2;
}


/*我要参加页*/

.info {
    padding: 0 2rem;
}

.showpic li {
    margin-bottom: 1.5rem;
}

.readerlist {
    overflow: hidden;
    text-align: center;
    margin-top: 4rem;
}

.readerlist li {
    display: inline-block;
    margin-right: .5rem;
    margin-bottom: .5rem;
    width: 3rem;
}

.info p {
    text-align: center;
    margin-top: 1.25rem;
    font-size: 1.5rem;
    color: #fff;
}

.joinbtn {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
    position: relative;
    z-index: 2;
}


/*提示层*/

.promptpic {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.inputlist input {
    border: none;
    width: 100%;
    height: 3.2rem;
    padding-left: 3.3rem;
    margin-top: .7rem;
    background-color: #f0f0f0;
    font-size: 1.4rem;
    border-radius: .3rem;
}

.name {
    background: url(../img/preson.png) no-repeat;
    background-position: 1rem .7rem;
    background-size: 1.6rem;
}

.phone {
    background: url(../img/phone.png) no-repeat;
    background-position: 1rem .7rem;
    background-size: 1.4rem;
}

.inputlist div {
    margin-top: 1rem;
}
